<!--  -->
<template>
  <el-breadcrumb
    separator-class="el-icon-arrow-right"
    style="font-weight:100"
  >
    <el-breadcrumb-item :to="{ path: '/' }">{{ $store.state.geo.position.city.replace('市','')}}美团</el-breadcrumb-item>
    <el-breadcrumb-item>{{ $store.state.geo.position.city.replace('市','')}}{{ decodeURIComponent(keyword) }}</el-breadcrumb-item>
  </el-breadcrumb>
</template>

<script>
export default {
  props: {
    keyword: {
      type: String,
      default: ""
    }
  },
  data() {
    return {};
  },

  components: {},

  computed: {},

  methods: {}
};
</script>
<style lang='scss' scoped>
.el-breadcrumb__item {
  color: #222;
  cursor: pointer;
  /deep/ .el-breadcrumb__inner.is-link {
    text-decoration: none;
    font-size: 12px;
    color: #222;
    font-weight: 400;
  }
}
</style>
